<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 1. 引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2. 引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3. 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4. 引入当前页面样式 -->
		<link rel="stylesheet" href="../css/API-details.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb b-box abs">
			<!-- logo -->
			<a href="">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c">
				<li>首页</li>
				<li class="active">API</li>
				<li>云服务</li>
				<li>案例</li>
				<li>开发者</li>
			</ul>
			<!-- 按钮 -->
			<div class="fz-12 login">
				<span class="b-box">登录</span>
				<span class="fc-white">注册有礼</span>
			</div>
		</header>
		<section id="header"></section>
		<main>
			<section id="banner" class="rel">
				<!-- 粒子背景 -->
				<div id="bannerBg" class="abs"></div>
				<!-- 图文区 -->
				<div class="container">
					<div id="bannerCont" class="abs">
						<!-- 左侧盒子 -->
						<div id="bannerLt">
							<!-- 图片 -->
							<img src="../imgs/API_02.jpg" alt="图片已损坏" />
							<!-- 数字 -->
							<ul>
								<li>
									<img src="../imgs/API_smallicon_01.jpg" alt="图片已损坏" />
									<span>998</span>
								</li>
								<li>
									<img src="../imgs/API_smallicon_02.jpg" alt="图片已损坏" />
									<span>1118</span>
								</li>
								<li>
									<img src="../imgs/API_smallicon_03.jpg" alt="图片已损坏" />
									<span>98</span>
								</li>
							</ul>
						</div>
						<!-- 右侧盒子 -->
						<div id="bannerRt">
							<!-- 标题 -->
							<h2>
								身份证实名
								<span>支持HTTPS</span>
								<span>企业专用</span>
							</h2>
							<!-- 认证 -->
							<ul id="rtIcon">
								<li>
									<img src="../imgs/API详情页_03.jpg" alt="图片已损坏" />
									限企业实名用户使用
								</li>
								<li>
									<img src="../imgs/API详情页_05.jpg" alt="图片已损坏" />
									本接口需提供应用场景审核
								</li>
								<li>
									<img src="../imgs/API详情页_08.jpg" alt="图片已损坏" />
									个人实名用户无法使用
								</li>
							</ul>
							<!-- 文字 -->
							<p>检测姓名和身份证是否一致</p>
							<!-- Tab区 -->
							<ul id="numTab">
								<li class="default rel">
									<img src="../imgs/API17.jpg" alt="图片已损坏" />
									扫码测试
									<div class="abs">
										<img src="../imgs/wechat-white.png" alt="图片已损坏" />
										<p>请扫码关注</p>
									</div>
								</li>
							</ul>
							<!-- 价格 -->
							<p id="rtPrice"></p>
							<!-- 按钮 -->
							<button>立即申请</button>
						</div>
					</div>
				</div>
			</section>
			<section>
				<!-- tab栏 -->
				<div id="apiBox">
					<div class="container">
						<ul id="apiTitle" class="flex-c-sb">
							<li class="active">API文档</li>
							<li>错误代码参照</li>
							<li>示例代码</li>
							<li>联系我们</li>
						</ul>
					</div>
				</div>
			</section>
			<!-- 主体内容 -->
			<section>
				<div class="container flex-c-sb" id="content">
					<!-- 左边部分 -->
					<div id="contLf">
						<!-- API文档 错误代码 示例代码 联系我们 -->

						<!-- API文档 -->
						<div class="on">
							<ul id="apiCont">
								<!-- API文档 -->
								<li><span>接口地址：</span>http://op.juhe.cn/idcard/query</li>
								<li>
									<span>返回格式：</span>
									json
								</li>
								<li>
									<span>请求方式：</span>
									http get/post
								</li>
								<li></li>
								<li>
									<span>返回格式：</span>
									http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=
								</li>
								<li>
									<span>接口备注：</span>
									error_code为0时计费
								</li>
								<li>API测试工具</li>
							</ul>
						</div>

						<!-- 请求参数说明 -->
						<div>
							<p class="rel">请求参数说明:</p>
							<table id="wrongTable">
								<thead>
									<tr>
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>是</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
									<tr>
										<td>orderid</td>
										<td>否</td>
										<td>int</td>
										<td>传1时返回单号,默认不返回单号(建议传入)</td>
									</tr>
									<tr>
										<td>key</td>
										<td>是</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
						</div>

						<!-- 返回参数说明 -->
						<div>
							<p class="rel">返回参数说明:</p>
							<table id="exampleTable">
								<thead>
									<tr>
										<th>名称</th>
										<th>必填</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>error_code</td>
										<td>int</td>
										<td>返回码</td>
									</tr>
									<tr>
										<td>reason</td>
										<td>string</td>
										<td>返回说明</td>
									</tr>
									<tr>
										<td>result</td>
										<td>object</td>
										<td>返回结果集</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>string</td>
										<td>属result,真实姓名</td>
									</tr>
									<tr>
										<td>idcard</td>
										<td>string</td>
										<td>属result,身份证号</td>
									</tr>
									<tr>
										<td>res</td>
										<td>int</td>
										<td>属result,匹配详情,1匹配,2不匹配</td>
									</tr>
								</tbody>
							</table>
						</div>

						<!-- JSON返回实例 -->
						<div id="JSONreturn">
							<p class="rel">
								JSON返回实例: &emsp;<span>JSON在线格式化工具</span>
							</p>
							<div>
								<div class="actualCode">
									{ <br />
									"reason": "成功",<br />

									"result": {<br />

									"realname": "***",/*真实姓名*/ <br />

									"idcard": "******************",/*身份证号码*/ <br />

									"orderid":"J103202010151450419556",/*流水号*/ <br />

									"res": 1 /*1：匹配 2：不匹配*/ <br />

									}, <br />

									"error_code": 0 <br />

									} <br />
								</div>
							</div>
						</div>
					</div>
					<!-- 右边部分 -->
					<aside id="contRig">
						<p>活动推荐/Activity</p>
						<div></div>
						<div></div>
						<div></div>
						<p>猜你喜欢</p>
						<ul>
							<li class="flex-c-sb">
								<div class="flex-c-c">
									<img src="../imgs/API22.jpg" alt="" />
								</div>
								<div>
									<p>短信API服务</p>
									<p>三网合一短信通信,验证...</p>
								</div>
							</li>
							<li class="flex-c-sb">
								<div class="flex-c-c">
									<img src="../imgs/API26.jpg" alt="" />
								</div>
								<div>
									<p>银行卡四元素校验</p>
									<p>三网合一短信通信,验证...</p>
								</div>
							</li>
							<li class="flex-c-sb">
								<div class="flex-c-c">
									<img src="../imgs/API30.jpg" alt="" />
								</div>
								<div>
									<p>身份证查询</p>
									<p>三网合一短信通信,验证...</p>
								</div>
							</li>
							<li class="flex-c-sb">
								<div class="flex-c-c">
									<img src="../imgs/API33.jpg" alt="" />
								</div>
								<div>
									<p>身份证OCR识别</p>
									<p>三网合一短信通信,验证...</p>
								</div>
							</li>
							<li class="flex-c-sb">
								<div class="flex-c-c">
									<img src="../imgs/API36.jpg" alt="" />
								</div>
								<div>
									<p>三网手机实名制认证</p>
									<p>三网合一短信通信,验证...</p>
								</div>
							</li>
						</ul>
					</aside>
				</div>
			</section>
			<!-- 广告 -->
			<section id="advertising">
				<div class="container flex-c-c">
					<h1>现在注册,&nbsp;百款接口免费测试</h1>
					<button type="button">免费注册</button>
				</div>
			</section>
		</main>

		<!-- 尾部 -->
		<footer>
			<div class="container">
				<div class="footer-top flex-c-sb">
					<ul>
						<li>
							<h3>联系与支持</h3>
							<a href="#">400-882-7715</a>
							<a href="#">售前咨询</a>
							<a href="#">客服&售后</a>
							<a href="#">常见问题</a>
							<a href="#">极速工单</a>
							<a href="#">投诉与建议</a>
						</li>
						<li>
							<h3>关于源码</h3>
							<a href="#">400-882-7715</a>
							<a href="#">合作伙伴</a>
							<a href="#">服务条款</a>
							<a href="#">隐私政策</a>
							<a href="#">市场合作</a>
							<a href="#">反商业贿赂声明 </a>
						</li>
						<li>
							<h3>快速入口</h3>
							<a href="#">400-882-7715</a>
							<a href="#">API数据</a>
							<a href="#">黑钻会员</a>
							<a href="#">新闻动态</a>
							<a href="#">联系我们</a>
							<a href="#">加入我们</a>
						</li>
						<li>
							<h3>产品服务</h3>
							<a href="#">400-882-7715</a>
							<a href="#">云监测</a>
							<a href="#">云查询</a>
							<a href="#">云助手</a>
							<a href="#">聚盒子</a>
							<a href="#">云充值</a>
						</li>
						<li>
							<h3>解决方案</h3>
							<a href="#">400-882-7715</a>
							<a href="#">数字中台</a>
							<a href="#">客服&售后</a>
							<a href="#">常见问题</a>
							<a href="#">极速工单</a>
							<a href="#">投诉与建议</a>
						</li>
						<li>
							<h3>联系与支持</h3>
							<a href="#">400-882-7715</a>
							<a href="#">售前咨询</a>
							<a href="#">客服&售后</a>
							<a href="#">常见问题</a>
							<a href="#">极速工单</a>
							<a href="#">投诉与建议</a>
						</li>
					</ul>
					<div class="footer-top-right rel">
						<div>
							<h3>微信公众号</h3>
							<p class="fz-12 fc-grey">源码时代</p>
						</div>
						<img src="../imgs/wechat-white.png" alt="图片已损坏" class="abs" />
					</div>
				</div>
				<!-- 微信公众号 -->
				<div class="footer-bottom flex-c-sb smallTitle">
					<p>
						<img src="../imgs/bei1.png" alt="" />
						<img src="../imgs/bei2.png" alt="" />
						&emsp;增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</p>
					<p>源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
		</footer>
		<!-- 1.引入until -->
		<script src="../js/util.js"></script>
		<!-- 2.引入粒子效果 -->
		<script src="../lib/canvas-particle.js"></script>
		<!-- 3. 引入当前页JS -->
		<script src="../js/API-details.js"></script>
	</body>
</html>
